<template>
	<div class="head">
		<div>
			<h1 @click="ret()">
				<i class="el-icon-arrow-left"></i>
			</h1>
			<router-link to="/mobile/orders">全部</router-link>
			<router-link to="/mobile/orders1">待付款</router-link>
			<router-link to="/mobile/orders2">待发货</router-link>
			<router-link to="/mobile/orders3">待收货</router-link>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'MobileBookDetail',
		data() {
			return {
				
			}
		},
		methods: {
			ret() {
				this.$router.go(-1)
			},
		}
		}
</script>

<style scoped>
	.head {
		width: 100%;
		height: 5rem;
		background-color: #e6e6e6;
	}
	
	.head div {
		width: 90%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 auto;
	}
	
	.head div a {
		color: black;
		font-size: 1.2rem;
		border: none;
		background-color: #e6e6e6;
	}
	
</style>